//入口函数在页面加载完成之后调用
$(function () {
    //获取用户的基本信息
    getUserInfo()
    let layer = layui.layer
    //退出登录的功能
    $("#btn_logout").click(function () {
        //提示用户是否退出
        layer.confirm('是否确定退出?', { icon: 3, title: '提示' }, function (index) {
            //do something
            //返回到登录页面
            location.href = '/login.html'
            //清空token
            localStorage.removeItem("token")
            layer.close(index);
        });

    })
})
//获取用户的基本信息的函数
function getUserInfo() {
    $.ajax({
        method: 'get',
        url: "/my/userinfo",
        //header就是请求头配置对象
        // headers: {
        //     Authorization:localStorage.getItem("token") || ''
        // },
        success: function (response) {
            // console.log(response);
            if (response.status !== 0) {
                return layui.layer.msg(response.message)
            }
            //成功后调用获取用户头像的函数
            renderAvatar(response.data)
        },
        //ajax请求无论成功还是失败都会返回complete回调函数
        // complete: function (response) {
        //     console.log(response);
        //     //在complete回调函数中使用res.responseJSON拿到服务器返回的数据
        //     if (response.responseJSON.status === 1 && response.responseJSON.message === '身份认证失败！') {
        //         //强制回到登录页面 清空token
        //         location.href = '/login.html'
        //         localStorage.removeItem('token')
        //     }
        // }
    })

}
//获取用户头像的函数
function renderAvatar(user) {
    //获取用户的名称
    let uname = user.nickname || user.username
    //设置欢迎的文本
    $("#welcome").html('欢迎&nbsp;&nbsp;' + uname)
    //按需渲染用户的头像 如果有图片就显示图片没有就显示首字母
    if (user.user_pic) {
        //改变img的路径 使用attr
        $(".layui-nav-img").attr('src', user.user_pic).show()
        //让文本盒子隐藏
        $(".text-avatar").hide()
    } else {
        //让文本盒子显示首字母 图片盒子隐藏
        //获取用户名的首字母
        let firstname = uname[0].toUpperCase()
        $(".text-avatar").html(firstname).show()
        $(".layui-nav-img").hide()
    }
}